.detail {
	img {
		width: 100%;
		height: 100%;
	}
	.content {
		padding: 15px;
		#title {
			font-size: 20px;
			font-weight: bold;
		}
		.title {
			margin-top: 15px;
			padding-bottom: 15px;
			display: flex;
			color: #999;
			font-size: 14px;
			border-bottom: 2px solid #ccc;
			.calorie,
			.time {
				width: 25%;
			}
			.peoplenum {
				flex-grow: 1;
				width: 1px;
				text-align: right;
			}
			#calorie,
			#time {
				font-weight: bold;
				font-size: 18px;
				color: #000;
			}
		}
		.avator {
			padding: 15px 0;
			display: flex;
			justify-content: space-between;
			.pic {
				width: 80px;
				height: 80px;
				border-radius: 50%;
				background-color: #999;
			}
			.username {
				padding: 15px 10px;
				flex-grow: 1;
				font-size: 17px;
				font-weight: bold;
				line-height: 1.5em;
				span {
					font-size: 14px;
					color: #666;
					font-weight: normal;
				}
			}
			.btn {
				margin-top: 25px;
				width: 80px;
				height: 35px;
				line-height: 35px;
				border-radius: 20px;
				background-color: #4294ff;
				color: #fff;
				text-align: center;
			}
		}
		.sign {
			color: #666;
			font-size: 14px;
			line-height: 1.5em;
		}
		.frequency {
			margin: 20px 0;
			display: flex;
			line-height: 2em;
			div:first-child {
				margin-right: 20px;
				width: 50%;
				border-right: 2px solid #ccc;
			}
			i {
				margin-right: 10px;
				font-size: 25px;
			}
			p {
				font-size: 14px;
				color: #666;
				padding-left: 30px;
			}
		}
	}
	#back {
		position: absolute;
		top: 10px;
		left: 10px;
		font-size: 30px;
		color: #fff;
		font-weight: bolder;
	}
}
a {
	display: block;
	width: 90%;
	line-height: 40px;
	text-align: center;
	color: #fff;
	background: #4294ff;
	margin: 20px auto;
	border-radius: 20px;
}
